<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>悠生活商城</title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/shop_style.css" />
    <!--<link rel="stylesheet" href="css/jquery.fullPage.css">-->
    <link rel="stylesheet" href="js/ft-carousel/css/ft-carousel.css" />
    <script src="js/jquery-1.8.3.min.js"></script>

</head>
<body>

<div class="content-box">
    <div class="head">
        <div class="visual-box">
            <div class="head-left clearfloat">
                <div class="head-logo">
                    <img src="img/logo.png" />
                </div>
                <div class="head-tel">
                    蓝光优居热线
                    <span>
                    400-8888-116
                </span>
                </div>

                <ul class="head-right">
                    <li class="click-login">
                        <i class="icon-1"></i>登录
                        <label></label>
                    </li>
                    <li class="click-register">
                        <i class="icon-2"></i>注册
                        <label></label>
                    </li>
                    <li>
                        <i class="icon-3"></i>设计师登录
                        <label></label>
                    </li>
                    <li class="top-qr-li">
                        <i class="icon-4"></i>微信公众号
                        <label></label>
                        <div class="top-qr">
                            <div class="top-qr-box">
                                <img src="img/qr.jpg" />
                                <p>
                                    悠生活U-life
                                </p>
                                <i></i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="icon-5"></i>样板间地图
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav-bg">
            <div class="visual-box">
                <ul class="nav" id="nav">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <!--<a href="customized.html">全屋定制</a>-->
                        <a href="customized.html">全屋定制</a>
                    </li>
                    <li>
                        <a href="sheji.html">设计+</a>
                    </li>
                    <li>
                        <a href="fengshui_info_list.htm">居家风水</a>
                    </li>
                    <li>
                        <a href="#">家居金融</a>
                    </li>
                    <li>
                        <a href="comment.html">优居热评</a>
                    </li>
                    <li>
                        <a href="#">品质检测</a>
                    </li>
                    <li>
                        <a href="shop_index.html" class="active">悠生活商城</a>
                    </li>
                    <li>
                        <a href="complaint.html">红邮箱投诉</a>
                    </li>
                    <li class="nav-last-list">
                        已服务<span>012354</span>位业主
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="shop-bg">
        <div class="shop_body_box">
            <!-- shop_index slide start -->
            <div class="shop_slide_box">
                <ul class="shop_slide_left">
                    <li class="shop_sl_list" id="shop_sl_list">
                        <div class="shop_sl_t"><a href="#">客厅</a></div>
                        <span><a href="shop_list.html">沙发</a></span>
                        <span><a href="shop_list.html">电视柜</a></span>
                        <span><a href="shop_list.html" class="active">装饰柜</a></span>
                        <span><a href="shop_list.html">餐桌</a></span>
                        <div class="shop_sl_overbox" id="shop_sl_overbox">
                            <span><a href="shop_list.html">沙发</a></span>|
                            <span><a href="shop_list.html">电视柜</a></span>|
                            <span><a href="shop_list.html">装饰柜</a></span>|
                            <span><a href="shop_list.html">餐桌</a></span>
                            <span><a href="shop_list.html">茶几</a></span>|
                            <span><a href="shop_list.html">鞋柜</a></span>|
                            <span><a href="shop_list.html">酒柜</a></span>|
                            <span><a href="shop_list.html">电视墙</a></span>
                            <span><a href="shop_list.html">沙发</a></span>|
                            <span><a href="shop_list.html">电视柜</a></span>|
                            <span><a href="shop_list.html">装饰柜</a></span>|
                            <span><a href="shop_list.html">餐桌</a></span>
                        </div>
                    </li>

                    <li class="shop_sl_list">
                        <div class="shop_sl_t"><a href="shop_list.html">卧室</a></div>
                        <span><a href="shop_list.html">床</a></span>
                        <span><a href="shop_list.html">床垫</a></span>
                        <span><a href="shop_list.html">梳妆台</a></span>
                        <span><a href="shop_list.html">穿衣镜</a></span>
                    </li>
                    <li class="shop_sl_list">
                        <div class="shop_sl_t"><a href="#">书房</a></div>
                        <span><a href="shop_list.html">书桌</a></span>
                        <span><a href="shop_list.html">书架</a></span>
                        <span><a href="shop_list.html">书柜</a></span>
                        <span><a href="shop_list.html">桌椅</a></span>
                    </li>
                    <li class="shop_sl_list">
                        <div class="shop_sl_t"><a href="shop_list.html">灯饰照明</a></div>
                        <span><a href="shop_list.html">吸顶灯</a></span>
                        <span><a href="shop_list.html">吊灯</a></span>
                        <span><a href="shop_list.html">壁灯</a></span>
                        <span><a href="shop_list.html">台灯</a></span>
                    </li>
                    <li class="shop_sl_list">
                        <div class="shop_sl_t"><a href="shop_list.html">软装家饰</a></div>
                        <span><a href="shop_list.html">窗帘</a></span>
                        <span><a href="shop_list.html">装饰画</a></span>
                        <span><a href="shop_list.html">床品套件</a></span>
                    </li>
                    <li class="shop_sl_list">
                        <div class="shop_sl_t"><a href="shop_list.html">智能家居</a></div>
                        <span><a href="shop_list.html">摄像头</a></span>
                        <span><a href="shop_list.html">智能门锁</a></span>
                        <span><a href="shop_list.html">智能家具</a></span>
                    </li>
                </ul>
                <div class="shop_slide_right">
                    <div class="ft-carousel" id="carousel_2">
                        <ul class="carousel-inner">
                            <li class="carousel-item">
                                <img src="img/shop/shop_index_banner.jpg" />
                            </li>
                            <li class="carousel-item">
                                <img src="img/shop/shop_index_banner.jpg" />
                            </li>
                            <li class="carousel-item">
                                <img src="img/shop/shop_index_banner.jpg" />
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- shop_index slide end -->
            <!-- shop-block1 start -->
            <div class="shop_index_block">
                <div class="shop_index_block_head">
                    <div>
                        <span class="shop_ibh_name">热门推荐</span>
                        <span class="shop_ibh_more"><a href="shop_list.html">更多></a></span>
                    </div>
                </div>
                <ul class="shop_index_block1_list">
                    <li>

                        <img src="img/shop/shop_index_block1_img.jpg" />
                        <h3><a href="shop_airticle.html">欧式简约多功能智能书桌</a></h3>
                        <p>简约不简单</p>
                        <span>￥296.00</span>
                    </li>
                    <li>
                        <img src="img/shop/shop_index_block1_img.jpg" />
                        <h3><a href="shop_airticle.html">欧式简约多功能智能书桌</a></h3>
                        <p>简约不简单</p>
                        <span>￥296.00</span>
                    </li>
                    <li>
                        <img src="img/shop/shop_index_block1_img.jpg" />
                        <h3><a href="shop_airticle.html">欧式简约多功能智能书桌</a></h3>
                        <p>简约不简单</p>
                        <span>￥296.00</span>
                    </li>
                    <li>
                        <img src="img/shop/shop_index_block1_img.jpg" />
                        <h3><a href="shop_airticle.html">欧式简约多功能智能书桌</a></h3>
                        <p>简约不简单</p>
                        <span>￥296.00</span>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>
            <!-- shop-block1 end -->
            <!-- shop-block2 start -->
            <div class="shop_index_block">
                <div class="shop_index_block_head">
                    <div>
                        <span class="shop_ibh_namejz">基装产品</span>
                        <span class="shop_ibh_more"><a href="shop_list.html">更多></a></span>
                    </div>
                </div>
                <div class="shop_index_block2_list">
                    <div class="sib2_left">
                        <span>销量最佳</span>
                        <div class="sib2_l_content">
                            <img src="img/shop/shop-index-1.jpg" />

                            <p class="sib2_lzj_name"><a href="shop_airticle.html"> 欧式简约大容量纯色鞋柜</a></p>
                            <p class="sib2_lzj_price">￥498</p>
                            <button class="sib2_lzj_buy bt-hover">立即抢购</button>
                        </div>
                    </div>
                    <ul class="sib2_right">
                        <li class="sib2_right_col">
                            <ul class="sib2_r_list">
                                <li class="sib2_r_listup">
                                    <img src="img/shop/shop_index_block2_simg.jpg" />
                                    <p class="sib2_r_list_name"><a href="shop_airticle.html"> 红木园艺简约电视柜</a></p>
                                    <p class="sib2_r_list_price">￥2898</p>
                                </li>
                                <li class="sib2_r_listdown">
                                    <img src="img/shop/shop_index_block2_simg.jpg" />
                                    <p class="sib2_r_list_name"><a href="shop_airticle.html"> 红木园艺简约电视柜</a></p>
                                    <p class="sib2_r_list_price">￥2898</p>
                                </li>
                            </ul>
                        </li>
                        <li class="sib2_right_col">
                            <ul class="sib2_r_list">
                                <li class="sib2_r_listup">
                                    <img src="img/shop/shop_index_block2_simg.jpg" />
                                    <p class="sib2_r_list_name"><a href="shop_airticle.html"> 红木园艺简约电视柜</a></p>
                                    <p class="sib2_r_list_price">￥2898</p>
                                </li>
                                <li class="sib2_r_listdown">
                                    <img src="img/shop/shop_index_block2_simg.jpg" />
                                    <p class="sib2_r_list_name"><a href="shop_airticle.html"> 红木园艺简约电视柜</a></p>
                                    <p class="sib2_r_list_price">￥2898</p>
                                </li>
                            </ul>
                        </li>
                        <li class="sib2_right_col">
                            <ul class="sib2_r_list">
                                <li class="sib2_r_listup">
                                    <img src="img/shop/shop_index_block2_simg.jpg" />
                                    <p class="sib2_r_list_name"><a href="shop_airticle.html"> 红木园艺简约电视柜</a></p>
                                    <p class="sib2_r_list_price">￥2898</p>
                                </li>
                                <li class="sib2_r_listdown">
                                    <img src="img/shop/shop_index_block2_simg.jpg" />
                                    <p class="sib2_r_list_name"><a href="shop_airticle.html"> 红木园艺简约电视柜</a></p>
                                    <p class="sib2_r_list_price">￥2898</p>
                                </li>
                            </ul>
                        </li>

                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
            <!-- shop-block2 end -->
            <!-- shop-block3 start -->
            <div class="shop_index_block">
                <div class="shop_index_block_head">
                    <div>
                        <span class="shop_ibh_namerz">软装产品</span>
                        <span class="shop_ibh_more"><a href="shop_list.html">更多></a></span>
                    </div>
                </div>
                <div class="shop_index_block2_list">
                    <div class="sib2_left">
                        <span>销量最佳</span>
                        <div class="sib2_l_content">
                            <img src="img/shop/shop_index_block2_bimg.jpg" />
                            <p class="sib2_lzj_name"><a href="shop_airticle.html"> 欧式简约大容量纯色鞋柜</a></p>
                            <p class="sib2_lzj_price">￥498</p>
                            <button class="sib2_lzj_buy bt-hover">立即抢购</button>
                        </div>
                    </div>
                    <ul class="sib2_right">
                        <li class="sib2_right_col">
                            <ul class="sib2_r_list">
                                <li class="sib2_r_listup">
                                    <img src="img/shop/shop_index_block2_simg.jpg" />
                                    <p class="sib2_r_list_name"><a href="shop_airticle.html"> 红木园艺简约电视柜</a></p>
                                    <p class="sib2_r_list_price">￥2898</p>
                                </li>
                                <li class="sib2_r_listdown">
                                    <img src="img/shop/shop_index_block2_simg.jpg" />
                                    <p class="sib2_r_list_name"><a href="shop_airticle.html"> 红木园艺简约电视柜</a></p>
                                    <p class="sib2_r_list_price">￥2898</p>
                                </li>
                            </ul>
                        </li>
                        <li class="sib2_right_col">
                            <ul class="sib2_r_list">
                                <li class="sib2_r_listup">
                                    <img src="img/shop/shop_index_block2_simg.jpg" />
                                    <p class="sib2_r_list_name"><a href="shop_airticle.html"> 红木园艺简约电视柜</a></p>
                                    <p class="sib2_r_list_price">￥2898</p>
                                </li>
                                <li class="sib2_r_listdown">
                                    <img src="img/shop/shop_index_block2_simg.jpg" />
                                    <p class="sib2_r_list_name"><a href="shop_airticle.html"> 红木园艺简约电视柜</a></p>
                                    <p class="sib2_r_list_price">￥2898</p>
                                </li>
                            </ul>
                        </li>
                        <li class="sib2_right_col">
                            <ul class="sib2_r_list">
                                <li class="sib2_r_listup">
                                    <img src="img/shop/shop_index_block2_simg.jpg" />
                                    <p class="sib2_r_list_name"><a href="shop_airticle.html"> 红木园艺简约电视柜</a></p>
                                    <p class="sib2_r_list_price">￥2898</p>
                                </li>
                                <li class="sib2_r_listdown">
                                    <img src="img/shop/shop_index_block2_simg.jpg" />
                                    <p class="sib2_r_list_name"><a href="shop_airticle.html"> 红木园艺简约电视柜</a></p>
                                    <p class="sib2_r_list_price">￥2898</p>
                                </li>
                            </ul>
                        </li>

                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
            <!-- shop-block3 end -->
        </div>
    </div>

    <div class="footer">
        <div class="visual-box clearfloat">
            <div class="footer-left clearfloat">
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            品牌实力
                        </dt>
                        <dd>
                            <a href="#">品牌介绍</a>
                        </dd>
                        <dd>
                            <a href="#">企业文化</a>
                        </dd>
                        <dd>
                            <a href="#">全国布局</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            V8生活家
                        </dt>
                        <dd>
                            <a href="#">硬包装</a>
                        </dd>
                        <dd>
                            <a href="#">软包装</a>
                        </dd>
                        <dd>
                            <a href="#">智能家居</a>
                        </dd>
                        <dd>
                            <a href="#">家庭园艺</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品服务
                        </dt>
                        <dd>
                            <a href="#">高端定制服务</a>
                        </dd>
                        <dd>
                            <a href="#">服务理念</a>
                        </dd>
                        <dd>
                            <a href="#">设计名家</a>
                        </dd>
                        <dd>
                            <a href="#">预定装修</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品优势
                        </dt>
                        <dd>
                            <a href="#">六大优势</a>
                        </dd>
                        <dd>
                            <a href="#">品牌合作伙伴</a>
                        </dd>

                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            联系我们
                        </dt>
                        <dd>
                            <a href="#">联系方式</a>
                        </dd>
                        <dd>
                            <a href="#">在线咨询</a>
                        </dd>

                    </dl>
                </div>
            </div>
            <div class="footer-right">
                <div class="service-list">
                    <p>
                        全国客户服务热线
                    </p>
                    <div>
                        028-8780-1675
                    </div>
                    <i></i>
                </div>
                <div class="email">
                    邮编：611731
                </div>
                <div class="email">
                    地址：中国    成都    高新西区    新创路2号附10号
                </div>
                <div class="copyright">
                    ©2017 WWW.BRC-BEEI.COM ALL RIGHTS RESERVED
                </div>
                <div class="qr-box">
                    <img src="img/qr.jpg" />
                    <p>
                        关注蓝光官方微信
                    </p>
                </div>
            </div>
        </div>
    </div>

</div>


<!-- login start -->
<div class="login">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            登录
            <a href="#" class="click-register lick-hover">
                注册
            </a>
        </h2>
        <div class="login-input">
            <input type="text" name="" placeholder="请输入账号" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请输入密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
            <a href="#">
                忘记密码？
            </a>
        </p>

        <button class="login-bt">
            登录
        </button>
    </div>
</div>

<div class="login register">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            注册
            <a href="#" class="click-login lick-hover">
                登录
            </a>
        </h2>
        <div class="login-input warning">
            <input type="text" name="" placeholder="请输入手机号" value="13856458978" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请设置密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <div class="login-input phone-number">
            <input type="text" name="" placeholder="请输入手机验证码" value="" />
            <i class="icon-number" yClass="icon-number-1"></i>
            <button>
                发送验证码
            </button>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
        </p>
        <p class="agreement">
            <i><input type="checkbox" name="" checked /></i>已阅读并同意<a href="#" target="_blank">《蓝光优居用户使用协议》</a>
        </p>
        <button class="login-bt">
            注册
        </button>
    </div>
</div>
<script src="js/ft-carousel/js/ft-carousel.min.js"></script>
<script type="text/javascript">
    $("#shop_sl_list").mouseover(function(){
        $("#shop_sl_overbox").show();
    });
    $("#shop_sl_list").mouseout(function(){
        $("#shop_sl_overbox").hide();
    });
    $("#carousel_2").FtCarousel({
        index: 1,
        time: 3000
    });

</script>
</body>

<script src="js/app.js"></script>
</html>